<link rel="stylesheet" href="./css/massage.css">
<div class="massage">
    <div class="mediaList">
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                    <i>2</i>
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
    </div>
    <div class="mediaList">
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
        <div class="media">
            <div class="media-left">
                <a href="#">
                    <img class="media-object" src="./images/msg-img.png" alt="">
                </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading">
                    物流助手
                    <i>2017-08-08</i>
                </h4>
                <p class="media-content">已签收，您在墨刀X数码专营店购买您在墨刀X数码专营店购买</p>
            </div>
        </div>
    </div>
</div>